<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 公用cssjs -->
    <link rel="stylesheet" href="./css/all.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/rem.js"></script>
    <link rel="stylesheet" href="./css/swiper.min.css">
</head>

<body>
    <!-- 头部 -->
    <section>
        <nav>
            <div class="w1400">
                <!-- 语言切换搜索 -->
                <div class="flex flex_al lang ">
                    <div class="ss flex_al">
                        <img src="./img/ss.png" alt="">
                    </div>
                    <div class="lang_active flex_al">
                        <a href="/?lang=zh_cn">
                            中文
                        </a>
                        <div>
                        </div>
                        <a href="/?lang=en">
                            English
                        </a>
                    </div>
                </div>
                <!-- 导航盒子 -->
                <div class="flex_sb flex_al">
                    <a href="" class="nav_logo">
                        <img src="./img/logo.jpg" alt="">
                    </a>
                    <div class="flex">
                        <div class="nav_item">
                            <a href="">
                                首页
                            </a>
                            <!-- 二级 -->
                            <div class="erji">
                                <a>
                                    二级
                                </a>

                            </div>
                        </div>
                        <div class="nav_item">
                            <a href="">
                                关于大会
                            </a>
                            <!-- 二级 -->
                            <div class="erji">
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                            </div>
                        </div>
                        <div class="nav_item">
                            <a href="">
                                学术交流
                            </a>
                            <!-- 二级 -->
                            <div class="erji">
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                            </div>
                        </div>
                        <div class="nav_item">
                            <a href="">
                                报名参会
                            </a>
                            <!-- 二级 -->
                            <div class="erji">
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                            </div>
                        </div>
                        <div class="nav_item">
                            <a href="">
                                培育钻石
                            </a>
                            <!-- 二级 -->
                            <div class="erji">
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                            </div>
                        </div>
                        <div class="nav_item">
                            <a href="">
                                三磨展
                            </a>
                            <!-- 二级 -->
                            <div class="erji">
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                            </div>
                        </div>
                        <div class="nav_item">
                            <a href="">
                                往届回顾
                            </a>
                            <!-- 二级 -->
                            <div class="erji">
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                            </div>
                        </div>
                        <div class="nav_item">
                            <a href="">
                                新闻中心
                            </a>
                            <!-- 二级 -->
                            <div class="erji">
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                            </div>
                        </div>
                        <div class="nav_item">
                            <a href="">
                                联系我们
                            </a>
                            <!-- 二级 -->
                            <div class="erji">
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </nav>
        <!-- swiper -->
        <div class="swiper_index">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="./img/banner.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="./img/banner.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="./img/banner.jpg" alt="">
                </div>
            </div>
            <div class="swiper-button-prev swiper-button-white index_next">
                <img src="./img/jian.png" alt="">
            </div>
            <div class="swiper-button-next swiper-button-white index_next">
                <img src="./img/jian.png" alt="">
            </div>
        </div>
    </section>
    <!-- 内容 -->
    <div class="ab_01">
        <!-- 面包屑 -->
        <div class="mian">
            <div class="flex_sb w1400">
                <div class="flex mian_left">
                    首页 <span> > </span> <a href="">关于大会</a> <span> > </span> 大会简介
                </div>
                <div class="flex mian_right">
                    <a href="" class="mian_active">
                        大会简介
                    </a>
                    <a href="">
                        组织机构
                    </a>
                    <a href="">
                        日程安排
                    </a>
                    <a href="">
                        商旅服务
                    </a>
                    <a href="">
                        往届回顾
                    </a>
                </div>
            </div>

        </div>
        <!-- 大会简介 -->
        <div class="neirong">
            <!-- 大会简介标题 -->
            <div class="biaoti center">
                <div>
                    商旅服务
                </div>
            </div>
            <!-- 商旅内容 -->
            <div class="w1400 sl_content">
                <h3 class="sl_title">
                     酒店住宿
                </h3>
                <!-- 切换容器 -->
                <div class="sl_active_rq flex_sb">
                    <!-- 左侧菜单 -->
                    <div class="sl_active_rq_left sl_active_rq_left1">
                        <a class="al_active" onclick="left_active(0)">永和伯爵国际酒店</a>
                        <a onclick="left_active(1)">永和伯爵国际酒店</a>
                        <a onclick="left_active(2)">永和伯爵国际酒店</a>
                        <a onclick="left_active(3)">永和伯爵国际酒店</a>
                        <a onclick="left_active(4)">永和伯爵国际酒店</a>
                        <a onclick="left_active(5)">永和伯爵国际酒店</a>
                        <a onclick="left_active(6)">永和伯爵国际酒店</a>
                        <a onclick="left_active(7)">永和伯爵国际酒店</a>

                    </div>
                    <!-- 右侧内容 -->
                    <div class="sl_active_rq_right sl_active_rq_right1">
                        <div>
                            1餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮
                            服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容
                            餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务
                            内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮
                            服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容
                            餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务
                        </div>
                        <div>
                            2餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮
                            服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容
                            餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务
                            内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮
                            服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容
                            餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务
                        </div>
                        <div>
                            3 餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮
                            服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容
                            餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务
                            内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮
                            服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容
                            餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务
                        </div>
                        <div>
                            4餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮
                            服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容
                            餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务
                            内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮
                            服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容
                            餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务
                        </div>

                    </div>

                </div>
                <!-- 餐饮服务 -->
                <h3 class="sl_title cyfw">
                    餐饮服务
                </h3>
                <!-- 切换容器 -->
                <div class="sl_active_rq flex_sb">
                    <!-- 左侧菜单 -->
                    <div class="sl_active_rq_left sl_active_rq_left2">
                        <a class="al_active" onclick="left_active1(0)">餐饮服务饭店名称</a>
                        <a onclick="left_active1(1)">餐饮服务饭店名称</a>
                        <a onclick="left_active1(2)">餐饮服务饭店名称</a>
                        <a onclick="left_active1(3)">餐饮服务饭店名称</a>
                        <a onclick="left_active1(4)">餐饮服务饭店名称</a>
                        <a onclick="left_active1(5)">餐饮服务饭店名称</a>
                        <a onclick="left_active1(6)">餐饮服务饭店名称</a>
                        <a onclick="left_active1(7)">餐饮服务饭店名称</a>

                    </div>
                    <!-- 右侧内容 -->
                    <div class="sl_active_rq_right sl_active_rq_right2">
                        <div class="sl_active_rq_right2_item">
                            <div class="flex_sb">
                                <div class="sl_active_rq_right2_item_text">
                                    餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮
                                    服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容
                                    餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务
                                    内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮
                                    服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容
                                    餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务
                                    内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮
                                    服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容
                                    餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务
                                    内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮服务内容餐饮
                                    服务内容餐饮服务内容餐饮服务内容
                                </div>
                                <div class="sl_active_rq_right2_item_img">
                                    <img src="./img/banner.jpg" alt="">
                                </div>
                            </div>
                        </div>

                    </div>

                </div>
                <!-- 交通指南 -->
                <h3 class="sl_title jtzn">
                    交通指南
                </h3>
                <div class="hc hc1 flex_sb flex_al">
                    <div class="jt_text">
                        <h3>
                            （一）主会场（郑州国际会展中心）
                        </h3>
                        <div>
                            1.新郑国际机场
                            乘坐城郊线（开往南四环方向），在南四环站下车，站内换乘
                            地铁二号线（开往刘庄方向），在紫荆山站下车，换乘地铁一号
                            线（开往河南大学新区方向），在会展中心站下车，C出口出。
                            2.郑州火车站
                            （1）乘坐地铁一号线（开往河南大学新区方向），在会展中心站
                            下车，C出口出。
                            （2）乘坐26/206路公交，在会展中心站下车。
                            3.郑州高铁东站
                            （1）乘坐地铁一号线（开往河南工业大学方向），在会展中心
                            站下C出口出。
                            （2）乘坐162路公交，在商务内环路九如路站下车，步行5分钟
                            至会展中心。
                        </div>
                    </div>
                    <div id="ditu" class="ditu">
                        <img src="./img/banner.jpg" alt="">
                    </div>
                </div>
                <div class="hc flex_sb flex_al">
                    <div class="jt_text">
                        <h3>
                            （二）分会场（郑州绿地JW万豪酒店）
                        </h3>
                        <div>
                            1.新郑国际机场
                            乘坐城郊线（开往南四环方向），在南四环站下车，站内换乘
                            地铁二号线（开往刘庄方向），在紫荆山站下车，换乘地铁一号
                            线（开往河南大学新区方向），在会展中心站下车，C出口出。
                            2.郑州火车站
                            （1）乘坐地铁一号线（开往河南大学新区方向），在会展中心站
                            下车，C出口出。
                            （2）乘坐26/206路公交，在会展中心站下车。
                            3.郑州高铁东站
                            （1）乘坐地铁一号线（开往河南工业大学方向），在会展中心
                            站下C出口出。
                            （2）乘坐162路公交，在商务内环路九如路站下车，步行5分钟
                            至会展中心。
                        </div>
                    </div>
                    <div id="ditu" class="ditu">
                        <img src="./img/banner.jpg" alt="">
                    </div>
                </div>
                <div class="datu">
                    <img src="./img/banner.jpg" alt="">
                </div>
            </div>

        </div>
    </div>
    <!-- 底部 -->
    <footer>
        <div class="footer_box w1400">
            <h3>
                2024金刚石产业大会组委会
            </h3>
            <div class="footer_box_flex flex_sb">
                <div class="footer_box_flex_one">
                    <div>电话：
                        <a href="">
                            18537168801
                        </a>
                        <a href="">
                            13526508512
                        </a>
                    </div>
                    <div class="">
                        邮箱：
                        <a href="">
                            mry@diamondgroup.cn
                        </a><br>
                        <a href="" class="blocks blocks_a">
                            mry@diamondgroup.cn
                        </a>
                    </div>
                    <div>
                        地 址：河南省郑州市金水区地润路18号建业总部港A座
                    </div>
                </div>
                <div class="footer_box_flex_center">
                    <div class="flex_sb">
                        <div>
                            <a href="">网站首页</a>
                            <a href="">关于大会</a>
                            <a href="">学术交流</a>
                            <a href="">报名参会</a>
                        </div>
                        <div>
                            <a href="">培育钻石</a>
                            <a href="">新闻中心</a>
                            <a href="">三磨展</a>
                            <a href="">往届回顾</a>
                        </div>
                        <div>
                            <a href="">商旅服务</a>
                            <a href="">联系我们</a>
                        </div>
                    </div>
                </div>
                <div class="footer_box_flex_treen">
                    <div>
                        <img src="./img/banner.jpg" alt="">
                    </div>
                    <p>公众号</p>
                </div>
            </div>
            <!-- 版权 -->
            <div class="footer_box_bq">
                Copyright©2024 金刚石产业大会 版权所有
                <a href="">ICP备XXXXXXXX号-1</a>
            </div>
        </div>
    </footer>
</body>
<script src="./js/swiper.min.js"></script>
<script>
    // 关于我们切换js
    left_active(0)
    left_active1(0)

    function left_active(e) {
        $(".sl_active_rq_left1>a").removeClass("al_active")
        $(".sl_active_rq_left1>a").eq(e).addClass("al_active")
        $(".sl_active_rq_right1>div").hide()
        $(".sl_active_rq_right1>div").eq(e).show()
    }
    function left_active1(e) {
        $(".sl_active_rq_left2>a").removeClass("al_active")
        $(".sl_active_rq_left2>a").eq(e).addClass("al_active")

        $(".sl_active_rq_right2>div").hide()
        $(".sl_active_rq_right2>div").eq(e).show()
    }
    // 首页轮播图
    var mySwiper = new Swiper('.swiper_index', {
        autoplay: 4500,//可选选项，自动滑动
        prevButton: '.swiper-button-prev',
        nextButton: '.swiper-button-next',
    })
    // 首页视频展示
    var mySwiper1 = new Swiper('.index_video_right_item_box', {
        // autoplay: 2000,
        //可选选项，自动滑动
        observer: true, // 监控Swiper容器的变化
        observeParents: true, // 监控Swiper的父元素变化
        pagination: '.swiper-pagination',
    })
    // 首页大会嘉宾
    var mySwiper2 = new Swiper('.index_jb_box_lb', {
        autoplay: 4500,//可选选项，自动滑动
        pagination: '.swiper-pagination2',
        slidesPerView: 4,
        spaceBetween: '1.8%',
        paginationClickable: true,
    })
    // 首页会议轮播
    var mySwiper3 = new Swiper('.swiper_hy', {
        slidesPerView: 5,//一行显示5个
        // slidesPerColumn: 2,//显示2行
        loop: true,
        simulateTouch: false,
        autoplay: 4000,
        spaceBetween: '1.7%',
        pagination: '.swiper-pagination3',
        paginationClickable: true,

    })
    // 首页会议轮播
    var mySwiper4 = new Swiper('.swiper_mt', {
        slidesPerView: 5,//一行显示5个
        loop: true,
        simulateTouch: false,
        autoplay: 4000,
        spaceBetween: '1.7%',
        pagination: '.swiper-pagination4',
        paginationClickable: true,

    })
    // 首页会议轮播
    var mySwiper5 = new Swiper('.swiper_hangye', {
        slidesPerView: 3.3,//一行显示5个
        loop: true,
        simulateTouch: false,
        autoplay: 4000,
        spaceBetween: '1.7%',
        pagination: '.swiper-pagination5',
        paginationClickable: true,
    })
    // pc下拉导航
    $(".nav_item").hover(function () {
        $(this).children(".erji").stop().slideDown()
    }, function () {
        $(this).children(".erji").stop().slideUp()
    })
    active_video(0)
    function active_video(e) {
        var a = e
        $(".index_video_left").find("a").css('color', '#333333')
        $(".index_video_left>a").eq(a).css('color', '#389BC8')
        $(".index_video_right>.index_video_right_item").stop().hide()
        $(".index_video_right>.index_video_right_item").eq(a).stop().show()
        setTimeout(function () {
            mySwiper1.update();
        }, 300); //
    }
    $(".index_xw_you_list_item").hover(function () {
        $(this).siblings().removeClass("index_xw_you_list_item_active")
        $(this).addClass("index_xw_you_list_item_active")
    })
</script>

</html>